/*轮播图的样式 开始*/
.banner{
    height: 600px;
}
.banner1{
    background: url("../images/banner.jpg");
}
.banner2{
    background: url("../images/banner2.jpg");
}
.banner3{
    background: url("../images/big1.jpg");
}
/*轮播图的样式 结束*/

/*主体内容的样式 开始*/
body{
    background: url("../images/banner4.jpg") no-repeat;
    background-size: cover;
}
.card-text{
    width: 200px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
/*主体内容的样式 结束*/

/*底部内容的样式 开始*/
li{
    list-style: none;
}
.col-md-6 h2{
    padding-left: 15px;
    padding-top: 42px;
}
.col-md-6 p{
    font: 9px/12px 微软雅黑;
    padding-left: 15px;
}
.col-md-3 h5{
    font: 10px/13px 微软雅黑;
    font-weight: bold;

    padding-top: 32px;
}
.col-md-3 a{
    font: 10px/12px 微软雅黑;
}
footer{
    background-color: #f5f5f5;
}
.col-md-6 ul{
    padding-left: 0;
}
/*底部内容的样式 结束*/

/*响应式代码样式 开始*/
@media (max-width: 600px) {
    .banner{
        height: 300px;
    }
    .banner1{
        background: url("../images/banner.jpg") center center no-repeat;
        background-size:cover;
    }
    .banner2{
        background: url("../images/banner2.jpg") center center no-repeat;
        background-size:cover;
    }
    .banner3{
        background: url("../images/big1.jpg") center center no-repeat;
        background-size:cover;
    }
    .carousel-caption h5{
        font-size: 20px;
    }
    .carousel-caption p{
        font-size: 15px;
    }
    .carousel-caption{
        text-align:left;
    }
}
/*响应式代码样式 结束*/

